<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/index.js"></script>b
  <title>小米商城</title>
</head>
<body>
  <!--侧边导航栏-->
  <div class="RsideNav">
    <ul class="RsideNavMain">
      <li>
        <a href="javascript:;">
          <span class="iconfont">&#xe61a;</span>
          <span>手机app</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <span class="iconfont">&#xe6f5;</span>
          <span>个人中心</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <span class="iconfont">&#xe62e;</span>
          <span>售后服务</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <span class="iconfont">&#xe623;</span>
          <span>人工客服</span>
        </a>
      </li>
      <li>
        <a href="购物车.html">
          <span class="iconfont">&#xe628;</span>
          <span>购物车</span>
        </a>
      </li>
      <li></li>
      <li class="backTop">
        <a href="javascript:;">
          <span class="iconfont">&#xe703;</span>
          <span>回到顶部</span>
        </a>
      </li>
    </ul>

  </div>
  <!--头部-->
  <div class="header">
    <div class="headerMiddle">
      <div class="headerLeft">
        <ul>
          <li><a href="javascript:;">小米商城</a></li><span>|</span>
          <li><a href="javascript:;">MlUl</a></li><span>|</span>
          <li><a href="javascript:;">loT</a></li><span>|</span>
          <li><a href="javascript:;">云服务</a></li><span>|</span>
          <li><a href="javascript:;">金融</a></li><span>|</span>
          <li><a href="javascript:;">有品</a></li><span>|</span>
          <li><a href="javascript:;">小爱开放平台</a></li><span>|</span>
          <li><a href="javascript:;">企业团购</a></li><span>|</span>
          <li><a href="javascript:;">资质证照</a></li><span>|</span>
          <li><a href="javascript:;">协议规则</a></li><span>|</span>
          <li><a href="javascript:;">下载app</a></li><span>|</span>
          <li><a href="javascript:;">Select Location</a></li>
        </ul>
      </div>
      <div class="headerRight">
        <div class="headerCar">
          <a href="购物车.html">
            <span>购物车 (0)</span>
            <span class="iconfont">&#xe630;</span>
          </a>
        </div>
        <div class="headerLogin">
          <ul>
            <li><a href="login.html">登录</a></li><span>|</span>
            <li><a href="register.html">注册</a></li><span>|</span>
            <li><a href="javascript:;">消息通知</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--导航栏-->
  <div class="navbar">
    <div class="navbar-main">
      <div class="navbar-logo">
        <a href="javascript:;" class="logo">
          <span class="iconfont">&#xe661;</span>
        </a>
      </div>
      <div class="navbar-middle">
        <ul>
          <li></li>
          <li>
            <a href="javascript:;"><span>小米手机</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>Redmi红米</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>电视</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>笔记本</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>家电</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>路由器</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>智能硬件</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>服务</span></a>
          </li>
          <li>
            <a href="javascript:;"><span>社区</span></a>
          </li>
        </ul>
      </div>
      <div class="navbar-search">
        <form action="#" class="navForm">
          <input type="search" class="navSearch" placeholder="请输入要搜索的商品">
          <input type="submit" class="navSS iconfont" value="&#xe624;">

        </form>
      </div>
    </div>
    <div class="navExtended">
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2699</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2799</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2899</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2999</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>3099</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>红米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>电视</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>笔记本</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>家电</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>路由器</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="navEM">
        <ul>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>智能硬件</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li><span></span>
          <li>
            <a href="javascript:;" class="navEXP">
              <img src="./images/1.jpg" alt="">
              <span>小米CC9 Pro</span>
              <span>2599</span>
            </a>
          </li>
        </ul>
      </div>
    </div>

  </div>
  <!--轮播图-->
  <div class="banner">
    <div class="xm_banner">
      <!--轮播图-->
      <ul class="bannerBox">
        <li>
          <a href="javascript:;">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793eebbee1dd569fe56a8aaf58f62452.jpg?w=2452&h=920" class="bannerBoxImg" alt="">
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="./images/2.jpg" class="bannerBoxImg" alt="">
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="./images/3.jpg" class="bannerBoxImg" alt="">
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="./images/2.jpg" class="bannerBoxImg" alt="">
          </a>
        </li>

        <li>
          <a href="javascript:;">
            <img src="./images/4.jpg" class="bannerBoxImg" alt="">
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="./images/5.jpg" class="bannerBoxImg" alt="">
          </a>
        </li>
      </ul>
      <!--侧边栏盒子  -->
      <div class="sidebarBox">
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/8.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/9.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/10.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/11.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/12.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/13.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/14.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
        <div class="sidebarBoxDiv">
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/15.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/7.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
          <div class="sidebar-col">
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
            <a href="javascript:;">
              <img src="./images/6.jpg" alt="">
              <span>RedMi K30 4G</span>
            </a>
          </div>
        </div>
      </div>
      <!--侧边栏-->
      <div class="sidebar">
        <ul class="sidebarUL">
          <li>
            <a href="javascript:;">
              <span>手机 电话卡</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>电视 盒子</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>笔记本 显示器 平板</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>家电 插线板</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>出行 穿戴</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>智能 路由器</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>电源 配件</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>健康 儿童</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>耳机 音箱</span>
              <span>&gt;</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span>生活 箱包</span>
              <span>&gt;</span>
            </a>
          </li>
        </ul>
      </div>
      <!--点-->
      <ul class="bannerDot">
        <li class="active">
          <a href="javascript:;"></a>
        </li>
        <li>
          <a href="javascript:;"></a>
        </li>
        <li>
          <a href="javascript:;"></a>
        </li>
        <li>
          <a href="javascript:;"></a>
        </li>
        <li>
          <a href="javascript:;"></a>
        </li>
        <li>
          <a href="javascript:;"></a>
        </li>
      </ul>
      <!--左箭头-->
      <div class="bannerLeft bannerDirection">
        <a href="javascript:;">
          <span class="iconfont">&#xe617;</span>
        </a>
      </div>
      <!--右箭头-->
      <div class="bannerRight bannerDirection">
        <a href="javascript:;">
          <span class="iconfont">&#xe616;</span>
        </a>
      </div>
    </div>

  </div>
  <!--轮播图底部-->
  <div class="bannerBottom">
    <div class="bBMain">
      <div class="bBMainL">
        <ul>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe609;</span>
              <span>99包邮</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="bBMainR">
        <a href="javascript:;">
          <img src="./images/21.jpg" alt="">
        </a>
      </div>
      <div class="bBMainR">
        <a href="javascript:;">
          <img src="./images/21.jpg" alt="">
        </a>
      </div>
      <div class="bBMainR">
        <a href="javascript:;">
          <img src="./images/21.jpg" alt="">
        </a>
      </div>
    </div>
  </div>
  <!--小米闪购-->
  <div class="fastShop">
    <h2>小米闪购</h2>
    <div class="fastShopMain">
      <div class="fastL">
        <a href="javascript:;">
          <div class="fastLPlay">
            <span>14:00 场</span>
          </div>
          <div class="fastLImg">
            <img src="./images/23.jpg" alt="">
          </div>
          <div class="fastLEnd">
            <span>距离结束还有</span>

          </div>
          <div class="fastLTime">
            <span>00</span>
            <span>:</span>
            <span>00</span>
            <span>:</span>
            <span>00</span>
          </div>
        </a>
      </div>
      <div class="fastR">
        <ul class="fastRUl">
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/24.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/25.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/26.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/27.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/25.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/25.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/27.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/26.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/25.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/24.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/25.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/24.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="fastRImg">
                <img src="./images/24.jpg" alt="">
              </div>
              <h3>小米车载充电器快充版（37W）黑色</h3>
              <p>双口快充，车载充电更安全</p>
              <p>
                <span>48元</span>
                <span>49元</span>
              </p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="fastShopB">
      <img src="./images/22.jpg" alt="">
    </div>
    <div class="fastShopDirection fastShopDirectionL">
      <span class="iconfont">&#xe617;</span>
    </div>
    <div class="fastShopDirection fastShopDirectionR">
      <span class="iconfont">&#xe616;</span>
    </div>

  </div>
  <!--手机模块-->
  <div class="mobileP">
    <h2>手机</h2>
    <div class="mobilePMain">
      <div class="mobilePML">
        <a href="javascript:;">
          <img src="./images/29.jpg" alt="">
        </a>
      </div>
      <div class="mobilePMR">
        <ul class="mobileRUl">
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/30.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/31.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/32.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/33.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/34.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/35.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/36.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="mobileRImg">
                <img src="./images/37.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>

        </ul>
      </div>
    </div>
    <div class="mobilePB">
      <img src="./images/28.jpg" alt="">
    </div>
    <div class="mobileSearh">
      <a href="javascript:;">
        <span>查看全部</span>&nbsp;
        <span class="iconfont">&#xe62f;
</span>
      </a>
    </div>
  </div>
  <!--家电模块-->
  <div class="productCommon">
    <h2>智能</h2>
    <div class="productCommonM">
      <div class="productCommonML">
        <ul class="CommonMLUl">
          <li>
            <a href="javascript:;">
              <img src="./images/43.jpg" alt="">
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <img src="./images/39.jpg" alt="">
            </a>
          </li>
        </ul>
      </div>
      <div class="productCommonMR">
        <ul class="CommonMRUl">
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/30.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/31.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/32.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/33.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/34.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/35.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/36.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonRLast">
                <p>小米智能摄像机云台版</p>
                <p>
                  <span>179元</span>
                </p>
              </div>
              <div class="CommonMRImg">
                <img src="./images/58.jpg" alt="">
              </div>

            </a>
            <a href="javascript:;">
              <div class="CommonRLast">
                <p>小米智能摄像机云台版</p>
                <p>
                  <span>179元</span>
                </p>
              </div>
              <div class="CommonMRImg">
                <img src="./images/58.jpg" alt="">
              </div>

            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="CommonPB">
      <img src="./images/46.jpg" alt="">
    </div>
    <div class="CommonSearch">
      <ul>
        <li>
          <span>热门</span>
        </li>
        <li>
          <span>电视影音</span>
        </li>
      </ul>

    </div>
  </div>
  <!--智能模块-->
  <div class="productCommon">
    <h2>智能</h2>
    <div class="productCommonM">
      <div class="productCommonML">
        <ul class="CommonMLUl">
          <li>
            <a href="javascript:;">
              <img src="./images/43.jpg" alt="">
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <img src="./images/39.jpg" alt="">
            </a>
          </li>
        </ul>
      </div>
      <div class="productCommonMR">
        <ul class="CommonMRUl">
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/30.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/31.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/32.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/33.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/34.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/35.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonMRImg">
                <img src="./images/36.jpg" alt="">
              </div>
              <h3>小米10</h3>
              <p>骁龙865/1亿像素相机</p>
              <p>
                <span>3999元起</span>
              </p>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="CommonRLast">
                <p>小米智能摄像机云台版</p>
                <p>
                  <span>179元</span>
                </p>
              </div>
              <div class="CommonMRImg">
                <img src="./images/58.jpg" alt="">
              </div>

            </a>
            <a href="javascript:;">
              <div class="CommonRLast">
                <p>小米智能摄像机云台版</p>
                <p>
                  <span>179元</span>
                </p>
              </div>
              <div class="CommonMRImg">
                <img src="./images/58.jpg" alt="">
              </div>

            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="CommonPB">
      <img src="./images/46.jpg" alt="">
    </div>
    <div class="CommonSearch">
      <ul>
        <li>
          <span>热门</span>
        </li>
        <li>
          <span>电视影音</span>
        </li>
      </ul>

    </div>
  </div>
  <!--视频模块-->
  <div class="videoModel">
    <div class="video">
      <h2>视频</h2>
      <div class="videoMain">
        <ul>
          <li>
            <a href="javascript:;" class="videoPlayButton">
              <div class="videoContent">
                <img src="./images/59.jpg" alt="">
                <div class="videoPlay">
                  <span class="iconfont">&#xe701;</span>
                </div>
              </div>
              <div class="videoTitle">
                <span>小米10发布会</span>
              </div>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="videoContent">
                <img src="./images/60.jpg" alt="">
                <div class="videoPlay">
                  <span class="iconfont">&#xe701;</span>
                </div>
              </div>
              <div class="videoTitle">
                <span>小米10发布会</span>
              </div>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="videoContent">
                <img src="./images/61.jpg" alt="">
                <div class="videoPlay">
                  <span class="iconfont">&#xe701;</span>
                </div>
              </div>
              <div class="videoTitle">
                <span>小米10发布会</span>
              </div>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <div class="videoContent">
                <img src="./images/62.jpg" alt="">
                <div class="videoPlay">
                  <span class="iconfont">&#xe701;</span>
                </div>
              </div>
              <div class="videoTitle">
                <span>小米10发布会</span>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="videoBox">
    <div class="videoMain">
      <video muted class="videoBF" autoplay="autoplay">
        <source src="./video/MI10.mp4" type="video/mp4">
      </video>
      <a href="javascript:;" class="videoBack">
        <span class="iconfont">&#xe66b;</span>
      </a>
      <div class="videoControl">
        <a href="javascript:;" class="playOrPause">
          <!--&#xe67d;   播放-->
          <!--&#xe67b;   暂停-->
          <span class="iconfont">&#xe67b;</span>
        </a>
        <div class="videoBar">
          <div class="videoLine"></div>
        </div>
        <div class="videoTime">
          <span>00:00:00</span><span> / </span><span>00:00:00</span>
        </div>
        <a href="javascript:;" class="enlarge">
          <span class="iconfont">&#xe660;</span>
        </a>
      </div>
    </div>
  </div>
  <!--预约维修-->
  <div class="orderRepair">
    <div class="orderRM">
      <div class="orderRMT">
        <ul>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe629;</span>
              <span>预约维修服务</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe629;</span>
              <span>预约维修服务</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe629;</span>
              <span>预约维修服务</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe629;</span>
              <span>预约维修服务</span>
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <span class="iconfont">&#xe629;</span>
              <span>预约维修服务</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="orderRMB">
        <div class="orderRMBL">
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd>账户指南</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
        </div>
        <div class="orderRMBR">
          <h2>400-100-5678</h2>
          <h3>周一至周日 8:00-18:00</h3>
          <h3>（仅收市话费）</h3>
          <a href="javascript:;">
            <span class="iconfont">&#xe612;</span>
            <span>人工客服</span>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!--底部-->
  <div class="bottom">
    <div class="bottomM">
      <div class="bottomT">
        <p>
          <a href="javascript:;">小米商城</a><span>|</span>
          <a href="javascript:;">黑米商城</a><span>|</span>
          <a href="javascript:;">黄米商城</a><span>|</span>
          <a href="javascript:;">白米商城</a><span>|</span>
          <a href="javascript:;">紫米商城</a><span>|</span>
          <a href="javascript:;">商城</a><span>|</span>
          <a href="javascript:;">糯米商城</a><span>|</span>
          <a href="javascript:;">大米商城</a><span>|</span><a href="javascript:;">白米商城</a><span>|</span>
          <a href="javascript:;">紫米商城</a><span>|</span>
          <a href="javascript:;">商城</a><span>|</span>
          <a href="javascript:;">糯米商城</a><span>|</span>
          <a href="javascript:;">大米商城</a><span>|</span>
          <a href="javascript:;">果米商城</a><span>|</span>
          <a href="javascript:;">麦米商城</a><span>|</span>
          <a href="javascript:;">黄米商城</a><span>|</span>
          <a href="javascript:;">白米商城</a><span>|</span>
          <a href="javascript:;">紫米商城</a><span>|</span>
          <a href="javascript:;">商城</a><span>|</span>
          <a href="javascript:;">糯米商城</a><span>|</span>
          <a href="javascript:;">大米商城</a><span>|</span>
          <a href="javascript:;">果米商城</a>
        </p>
        <p>
          <a href="javascript:;">
            © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
          </a>
        </p>
        <p>
          <a href="javascript:;">
            （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
          </a>
        </p>
        <p>
          <a href="javascript:;">
            增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12  食品经营许可证
          </a>
        </p>
        <p>
          <a href="javascript:;">
            违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
          </a>
        </p>
      </div>
      <div class="bottomB">
        <a href="javascript:;">
          <img src="./images/64.jpg" alt="">
        </a>
        <a href="javascript:;">
          <img src="./images/65.jpg" alt="">
        </a>
        <a href="javascript:;">
          <img src="./images/66.jpg" alt="">
        </a>
        <a href="javascript:;">
          <img src="./images/67.jpg" alt="">
        </a>
      </div>
    </div>

  </div>
</body>
</html>